<template>
    <page-header backIconColor="#FFFFFF" :showBackText="true" titleColor="#FFFFFF"
        bgColor="linear-gradient( to left, #7AD38C 0%, #40CBBE 100%)" title="天天做任务" placeholderText="返回" />
    <div class="task-page">
        <!-- 1. 顶部通知栏 -->
        <notification-header />
        <!-- 任务赚钱 -->
        <task-earns-money />
    </div>
</template>

<script setup lang="ts">
import TaskEarnsMoney from './components/TaskEarnsMoney.vue';
import PageHeader from '@/components/PageHeader.vue';
import NotificationHeader from './components/NotificationHeader.vue';
</script>

<style lang="scss" scoped>
.task-page {
    height: 93vh;
    width: 100%;
    position: fixed;
    background: linear-gradient(to left, #78D28D, #43CBBB);
    padding: 0 15px 0 15px;
    margin-top:-3px ;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
</style>